<template>
  <div class="flex-lrb flex-nr-c mr-b15">
    <el-button type="primary" icon="el-icon-plus" @click="NoteState.addDialog=true">添加笔记</el-button>
    <el-input placeholder="请输入内容" v-model="NoteState.noteSearch.title" class="seach-width">
      <el-select v-model="NoteState.noteSearch.type_id" slot="prepend" placeholder="请选择" class="seach-select">
        <el-option label="全部" value=""> </el-option>
        <el-option v-for="item in NoteState.noteOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option>
      </el-select>
      <el-button slot="append" icon="el-icon-search" @click="$emit('search')"></el-button>
    </el-input>
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  components: {},
  props: ['search'],
  data () {
    return {};
  },
  computed: {
    ...mapState('Note', { //使用如下 {{ NoteState.name }}  console.log(this.NoteState.name)
      NoteState: state => state
    }),
  },
  methods: {},
  mounted () { },
};
</script>

<style></style>